@mixin flex-y-center {
  display: flex;
  align-items: center;
}
//x轴y轴居中
@mixin flex-x-y-center {
  @include flex-y-center();
  justify-content: center;
}
//x轴两边，y轴居中
@mixin flex-x-between-y-center {
  @include flex-y-center();
  justify-content: space-between;
}

//定位 左下角
@mixin absolute-left-bottom-0 {
  position: absolute;
  left: 0;
  bottom: 0;
}
//定位 居中
@mixin absolute-x-y-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

$font-sizes: (
  title: #1d2129,
  text: #4e5969,
  smText: #86909c,
  tips: #c9cdd4,
  white: #fff,
);
$bg-primary: (
  static: #6042dc,
  static-hover: #7f60de,
  active: #4429b3,
  disabled: #b9a1ed,
  shallow-disabled: #f0e8fe,
  tree-hover: #6042dc,
);
$status-success: (
  static: #00b42a,
  active: #009a29,
  hover: #23c343,
  disabled: #7be188,
  shallow: #e8ffea,
);
$status-warning: (
  static: #ff7d00,
  active: #d25f00,
  hover: #ff9a2e,
  disabled: #ffcf8b,
  shallow: #fff7e8,
);
$status-error: (
  static: #f53f3f,
  active: #cb2634,
  hover: #f76560,
  disabled: #fbaca3,
  shallow: #ffece8,
);
$stroke-color: (
  weight: #86909c,
  deep: #c9cdd4,
  common: #e5e6eb,
  shallow: #f2f3f5,
);
$fill-color: (
  default: #4e5969,
  weight: #c9cdd4,
  deep: #e5e6eb,
  common: #f2f3f5,
  shallow: #f7f8fa,
  white: #ffffff,
);
